<script lang="ts" setup>
import WordCloud from './components/wordCloud.vue'
import SystemBrowse from './components/systemBrowse.vue'
import Statistic from './components/statistic.vue'
import LatestNews from './components/latestNews.vue'
import AnalyticalOverview from './components/analyticalOverview.vue'
</script>

<template>
  <div class="welcome">
    <Statistic />
    <a-row :gutter="[15, 15]">
      <a-col :xl="18" :xs="24">
        <SystemBrowse />
      </a-col>
      <a-col :xl="6" :xs="24">
        <WordCloud />
      </a-col>
    </a-row>
    <a-row :gutter="[15, 15]" style="margin-top: 15px">
      <a-col :xl="18" :xs="24">
        <AnalyticalOverview />
      </a-col>
      <a-col :xl="6" :xs="24">
        <LatestNews />
      </a-col>
    </a-row>
  </div>
</template>

<style scoped></style>
